<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/all_close.css">
    <link rel="stylesheet" href="../css/first_dome.css">
</head>
<body>
    <div class="all">
        <div class="logo">
            <div class="center">
                <a href="first.html" class="logoa">
                    <img src="../first_img/logo.cc0db63d.png" alt="">
                </a>
                <div class="city-picker">
                    <div class="city-name">
                        广州
                    </div> 
                   
                    <div class="citylist">
                        <div class="top-row">
                            <div class="overf">
                               <div class="title">当前城市：</div>
                               <ul>
                                   <li class="selected">广州</li>
                               </ul>
                            </div>
                            <div class="overf">
                                <div class="title">热门城市：</div>
                                <ul>
                                    <li>上海</li>
                                    <li>北京</li>
                                    <li>广州</li>
                                    <li>深圳</li>
                                    <li>成都</li>
                                    <li>重庆</li>
                                    <li>天津</li>
                                    <li>杭州</li>
                                    <li>南京</li>
                                    <li>苏州</li>
                                    <li>凌波</li>
                                    <li>福州</li>
                                    <li>西安</li>
                                    <li>长沙</li>
                                    <li>青岛</li>
                                    <li>济南</li>
                                    <li>郑州</li>
                                    <li>合肥</li>
                                    <li>昆明</li>
                                    <li>临沂</li>
                                </ul>
                            </div>
                        </div>
                        <div class="city-index">
                           <div class="title1">按字母查找</div>
                            <ul class="hot-city-capitcal">
                                <li>A</li>
                                <li>B</li>
                                <li>C</li>
                                <li>D</li>
                                <li>E</li>
                                <li>F</li>
                                <li>G</li>
                                <li>H</li>
                                <li>I</li>
                                <li>J</li>
                                <li>K</li>
                                <li>L</li>
                                <li>N</li>
                                <li>M</li>
                                <li>O</li>
                                <li>P</li>
                                <li>Q</li>
                                <li>R</li>
                                <li>S</li>
                                <li>T</li>
                                <li>U</li>
                                <li>V</li>
                                <li>W</li>
                                <li>X</li>
                                <li>Y</li>
                                <li>Z</li>
                            </ul>
                        </div>
                        <div class="hot-cities">
                            <ul>
                                <li data-city="A">
                                    <div class="fontw">
                                       A
                                    </div>
                                    <ul>
    
                                    </ul>
                                </li>
                                <li data-city="B">
                                    <div class="fontw">
                                       B
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="C">
                                    <div class="fontw">
                                       C
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="D">
                                    <div class="fontw">
                                       D
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="E">
                                    <div class="fontw">
                                       E
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="F">
                                    <div class="fontw">
                                       F
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="G">
                                    <div class="fontw">
                                       G
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="H">
                                    <div class="fontw">
                                       H
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="I">
                                    <div class="fontw">
                                       I
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="J">
                                    <div class="fontw">
                                       J
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="K">
                                    <div class="fontw">
                                       K
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="L">
                                    <div class="fontw">
                                       L
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="M">
                                    <div class="fontw">
                                       M
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="N">
                                    <div class="fontw">
                                       N
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="O">
                                    <div class="fontw">
                                       O
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="P">
                                    <div class="fontw">
                                       P
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="Q">
                                    <div class="fontw">
                                       Q
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="R">
                                    <div class="fontw">
                                       R
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="S">
                                    <div class="fontw">
                                       S
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="T">
                                    <div class="fontw">
                                       T
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="U">
                                    <div class="fontw">
                                       U
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="V">
                                    <div class="fontw">
                                       V
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="W">
                                    <div class="fontw">
                                      W 
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="X">
                                    <div class="fontw">
                                       X
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="Y">
                                    <div class="fontw">
                                       Y
                                    </div>
                                    <ul></ul>
                                </li>
                                <li data-city="Z">
                                    <div class="fontw">
                                       Z
                                    </div>
                                    <ul></ul>
                                </li>
                            </ul>
                        </div>
                    </div>  
                </div>
               
                <div class="menu">
                    <a href="first.html" class="menu-item">
                        首页
                    </a>
                    <a href="show1.html" class="menu-item">
                        全部演出
                    </a>
                    <a href="#" class="menu-item">
                        发现
                    </a>
                </div>
                <!-- 搜索框 -->
                <div class="search">
                    <div class="from overf">
                        <input type="text" name="" id="" placeholder="找演出，明星，场馆" autocomplete="off" name="search-input" class="input">
                        <input type="buttom" name="" id="" value="搜索" class="search-buttom">
                    </div>
                    <div class="key_wo">
                        <div class="item">
                            <a href="#">海潮宇宙音乐节</a>
                        </div>
                        <div class="item">
                            <a href="#">薛之谦</a>
                        </div>
                        <div class="item">
                            <a href="#">春逝</a>
                        </div>
                        <div class="item">
                            <a href="#">周杰伦</a>
                        </div>
                        <div class="item">
                            <a href="#">陈奕迅</a>   
                        </div>
                    </div>
                </div>
                <div class="right-funcs">
                    <div class="app_int">
                        <div class="text">
                            <div class="icon"></div>
                            APP下载
                        </div>
                    </div>
                    <div class="login_int ">
                        <div class="text">
                            <div class="icon" > </div>
                            <span class="longin">登录 </span>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <!-- 轮播图+分类菜单 -->
        <div class="binner" style="background-color: black;">
            <div class="center">
                <ul class="type_id">
                   <li class="item-1"><a href="show1.html?showid=1">演唱会</a></li>
                   <li class="item-9"><a href="show1.html?showid=9">旅游玩乐</a></li>
                   <li class="item-2"><a href="show1.html?showid=2">话剧歌剧</a></li>
                   <li class="item-5"><a href="show1.html?showid=5">休闲展览</a></li>
                   <li class="item-8"><a href="show1.html?showid=8">体育赛事</a></li>
                   <li class="item-3"><a href="show1.html?showid=3">音乐会</a></li>
                   <li class="item-4"><a href="show1.html?showid=4">儿童亲子</a></li>
                   <li class="item-6"><a href="show1.html?showid=6">舞蹈芭蕾</a></li>
                   <li class="item-7"><a href="show1.html?showid=7">西区综艺</a></li>
                   <li class="item-7"><a href="#">潮生活</a></li>
                </ul>
                <div class="right">
                    <div class="top">
                        <div class="top-show">
                            <ul class="top-pic">
                                <!-- <li style="left:0px">
                                    <a href="#">
                                        <img src="" alt="">
                                    </a>
                                </li>                            -->
                            </ul>
                            <a href="javascript:" class="prev" >
                                <i>
                                    &lt;
                                </i>
                            </a>
                            <a href="javascript:" class="next">
                                <i>
                                    &gt;
                                </i>
                            </a>
                            <!-- 图片对应下标 -->
                            <ul class="xia">
                                <li class="bg"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                    <div class="bottom">
                       <a href="#">
                           <div class="info">
                                <div class="tt">
                                    <img src="../first_img/op1-title_3x.png" alt="">
                                </div>
                                <div class="desc">
                                    0元看演出
                                </div>
                           </div>
                           <div class="poster">
    
                           </div>
                       </a>
                      <a href="#">
                           <div class="info">
                                <div class="tt">
                                    <img src="../first_img/88d3996b3f4605e51d237bbe94ced71997d69830.png" alt="">
                                </div>
                                <div class="desc">
                                  立享超值折扣
                                </div>
                           </div>
                           <div class="poster poster2">
                               
                           </div>
                       </a>
                       <a href="#" class="last">
                           <div class="info">
                                <div class="tt">
                                    <img src="../first_img/weekend.a1b51d54.png" alt="">
                                </div>
                                <div class="desc">
                                  每个周末都好玩
                                </div>
                           </div>
                           <div class="pic">
                               <!-- <div style="background-image: url(first_img/01.jpg);"class="pic1"></div>
                               <div style="background-image: url(first_img/02.jpg);"class="pic2"></div>
                               <div style="background-image: url(first_img/03.jpg);"class="pic3"></div>
                               <div style="background-image: url(first_img/04.jpg);"class="pic1"></div> -->
                           </div>
                       </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 推荐1 -->
        <div class="ad_1">
           <div class="center">
                <div class="top">
                    <a href="#" class="hot">
                        <img src="../first_img/icon-hot.5960562f.png" alt="">
                        <span class="title-text">近期热门</span>
                    </a>
                    <a href="#" class="more">更多</a>
                </div>
                <div class="bottom items">
                    <ul>
                        
                    </ul>
                </div>
           </div>
        </div>
          <!-- 推荐2 -->
        <div class="ad_2">
            <div class="center">
                 <div class="top">
                     <a href="#" class="hot">
                         <img src="../first_img/icon-discount.82c0ae81.png" alt="">
                         <span class="title-text">折扣专区</span>
                     </a>
                     <a href="#" class="more">更多</a>
                 </div>
                 <div class="bottom items">
                     <ul>
                     </ul>
                 </div>
            </div>
         </div>
         <!-- 分类展示类型一：左边大图，右边4小图 -->
         <!-- 分类展示1 -->
         <div class="ad_3 first_1">
         </div>
          <!-- 分类展示2 -->
         <div class="ad_3 first_2">
           
        </div>
         <!-- 分类展示3 -->
        <div class="ad_3 first_3">
           
        </div>
        <!-- 分类展示类型二：一排小图 -->
         <!-- 分类展示1 -->
        <div class="ad_8 secand_1">
            <div class="center">
            </div>
        </div>
         <!-- 分类展示2 -->
        <div class="ad_8 secand_2" >
            <div class="center">
            </div>
        </div>
     <!-- 分类展示3 -->
        <div class="ad_8 secand_3" >
            <div class="center">
            </div>
        </div>

    <!-- 以下为声明和公司信息 -->
        <div class="bor"></div>
        <div class="slogan-bar">
            <div class="center">
                <a href="#">
                    <img src="../first_img/icon-diamond.bb7002bc.png" alt="">
                    <div>
                        <div>无票赔付</div>
                        <div>无票赔付，最高退一赔一</div>
                    </div>
                </a>
                <a href="#">
                    <img src="../first_img/icon-shield.09fa5cdb.png" alt="">
                    <div>
                        <div>出票保真</div>
                        <div>全程消费保障，买得放心</div>
                    </div>
                </a>
                <a href="#">
                    <img src="../first_img/icon-umbrella.b2c3c4c4.png" alt="">
                    <div>
                        <div>配送保障</div>
                        <div>多种取票方式，安全送达</div>
                    </div>
                </a>
            </div>
        </div>
        <div class="footer">
            <div class="center">
                <div class="top">
                    <img src="../first_img/footer-logo.d038f502.png" class="foot_logo">
                    <div class="help">
                       <div>
                           <div>订票说明</div>
                           <div>订票渠道</div>
                           <div>演出状态</div>
                           <div>如何订购</div>
                           <div>价格说明</div>
                           <div>关于座位</div>
                       </div>
                       <div>
                        <div>订票说明</div>
                        <div>订票渠道</div>
                        <div>演出状态</div>
                        <div>如何订购</div>
                        <div>价格说明</div>
                        <div>关于座位</div>
                    </div>
                    <div>
                        <div>订票说明</div>
                        <div>订票渠道</div>
                        <div>演出状态</div>
                        <div>如何订购</div>
                        <div>价格说明</div>
                        <div>关于座位</div>
                    </div>
                    <div>
                        <div>订票说明</div>
                        <div>订票渠道</div>
                        <div>演出状态</div>
                        <div>如何订购</div>
                        <div>价格说明</div>
                        <div>关于座位</div>
                    </div>
                    <div>
                        <div>订票说明</div>
                        <div>订票渠道</div>
                        <div>演出状态</div>
                        <div>如何订购</div>
                        <div>价格说明</div>
                        <div>关于座位</div>
                    </div>
                    </div>
                    <div class="ewm">
                        <img src="../first_img/qr-app.af574c4b.png" alt="">
                        <div>票牛APP</div>
                    </div>
                </div>
                <div class="botton">
                    <div class="link">
                        <a href="#">联系我们</a>
                        <a href="#">关于我们</a>
                        <a href="#">艺人</a>
                        <a href="#">全部城市</a>
                        <a href="#">票牛质询</a>
                        <a href="#">隐私条约</a>
                        <a href="#">争议调解</a>
                        <a href="#">热门搜索</a>
                    </div>
                    <div class="copyr">上海颂品网络科技有限公司 Copyright (c) 2015年 Songpin. All rights reserved. | 沪ICP备14000399号-2</div>
                    <div class="copy-logo">
                        <a href="#" class="icon1">
                            <img src="../first_img/police.c9ff2fec.png" alt="">
                            <div>沪公网安备 31010602001682号</div>
                        </a>
                        <a href="#" class="icon1">
                            <img src="../first_img/police.c9ff2fec.png" alt="">
                            <div>上海工商</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="fh">
            <div>
                <div class="icon2 first1" ></div>
                <div class="hov">回到顶部</div>
            </div>
            <div>
                <div class="icon3"></div>
                <div class="hov">在线客服</div>
            </div>
            <div>
                <div class="icon4 last2" ></div>
                <div class="hov">常见问题</div>
            </div>
        </div>
    </div>
    <script src="../js/jquery.js"></script>
    <script src="../js/cookie.js"></script>
   <script src="../js/first.js"></script>
</body>
</html>  